<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html>

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>会员登录</title>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<!-- 引入自定义css文件 style.css -->
<link rel="stylesheet" href="css/style.css" type="text/css" />
<style>
body {
	margin-top: 20px;
	margin: 0 auto;
}

.carousel-inner .item img {
	width: 100%;
	height: 300px;
}
</style>
</head>

<body>
	<%
		session.setAttribute("sp", session.getAttribute("account"));
		session.setAttribute("acc", session.getAttribute("account"));
	%>
	<!--
    	时间：2015-12-30
    	描述：菜单栏
    -->
	<div class="container-fluid">
		<div class="col-md-4">
			<img src="img/logo2.png" />
		</div>
		<div class="col-md-5">
			<img src="img/header.png" />
		</div>
		<div class="col-md-3" style="padding-top: 20px">
			<ol class="list-inline">
				<c:if test="${not empty account }">
					<a href="#">当前账户:<c:out value="${account }" /></a>
					<li><a href="login.jsp">退出</a></li>
					<li><a href="shoppingCar">购物车</a></li>
				</c:if>

				<c:if test="${empty account }">
					<li><a href="login.jsp">未登录，请登录</a></li>
					<li><a href="register.jsp">注册</a></li>
				</c:if>
			</ol>
		</div>
	</div>
			<!--
            	时间：2015-12-30
            	描述：导航条
            -->
	<div class="container-fluid">
		<nav class="navbar navbar-inverse">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
						aria-expanded="false">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.jsp">首页</a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse"
					id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="#">手机数码<span class="sr-only">(current)</span></a>
						</li>
						<li><a href="#">电脑办公</a></li>
						<li><a href="#">电脑办公</a></li>
						<li><a href="#">电脑办公</a></li>
					</ul>
					<form class="navbar-form navbar-right" role="search">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="Search">
						</div>
						<button type="submit" class="btn btn-default">Submit</button>
					</form>

				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
	</div>

	<div class="container">
		<div class="row">
			<div style="margin: 0 auto; margin-top: 10px; width: 950px;">
				<strong style="font-size: 16px; margin: 5px 0;">订单详情</strong>
				<table class="table table-bordered">
					<tbody>
						<tr class="warning">
							<th>编号</th>
							<th>商品</th>
							<th>价格</th>
							<th>数量</th>
							<th>小计</th>
							<th>操作</th>
						</tr>
						<c:set var="sum" value="0" />
						<c:forEach var="shop" items="${list }">
							<tr>
								<td>${shop.id }</td>
								<td><a href="getShop?key=${shop.shopName}">${shop.shopName }</a>
								</td>
								<td>${shop.price }</td>
								<td>${shop.number }</td>
								<td>${shop.sum }</td>
								<c:set var="sum" value="${sum + shop.sum}" />
								<td><a href="delShop?key=${shop.shopName}" class="delete">删除</a>
								</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
		</div>

		<div style="text-align: right; margin-right: 120px;">
			商品总额: <strong style="color: #ff6600;"><c:out value="${sum }" /></strong>
		</div>

	</div>

	<div>
		<hr />
		<form action="orderServlet" method="post" class="form-horizontal"
			style="margin-top: 5px; margin-left: 150px;">
			<div class="form-group">
				<label for="username" class="col-sm-1 control-label">地址</label>
				<div class="col-sm-5">
					<input type="text" class="form-control" id="username"
						placeholder="请输入收货地址">
				</div>
			</div>
			<div class="form-group">
				<label for="inputPassword3" class="col-sm-1 control-label">收货人</label>
				<div class="col-sm-5">
					<input type="text" class="form-control" id="inputPassword3"
						placeholder="请输收货人">
				</div>
			</div>
			<div class="form-group">
				<label for="confirmpwd" class="col-sm-1 control-label">电话</label>
				<div class="col-sm-5">
					<input type="text" class="form-control" id="confirmpwd"
						placeholder="请输入联系方式">
				</div>
			</div>
			<br />
			<div class="form-group" style="margin-top: 5px; margin-left: 40px;">
				<strong>选择银行：</strong>
				<p>
					<br /> <input type="radio" name="bank" value="工商银行"
						checked="checked" /> <span>工商银行</span> <img
						src="./bank_img/icbc.bmp" align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="radio" name="bank" value="中国银行" /> <span>中国银行</span>
					<img src="./bank_img/bc.bmp" align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="radio" name="bank" value="农业银行" /> <span>农业银行</span>
					<img src="./bank_img/abc.bmp" align="middle" /> <br /> <br /> <input
						type="radio" name="bank" value="交通银行 " /> <span>交通银行</span> <img
						src="./bank_img/bcc.bmp" align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="radio" name="bank" value="平安银行" /> <span>平安银行</span>
					<img src="./bank_img/pingan.bmp" align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="radio" name="bank" value="建设银行" /> <span>建设银行
					</span> <img src="./bank_img/ccb.bmp" align="middle" /> <br /> <br /> <input
						type="radio" name="bank" value="光大银行" /> <span>光大银行 </span> <img
						src="./bank_img/guangda.bmp" align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="radio" name="bank" value="招商银行" /> <span>招商银行
					</span> <img src="./bank_img/cmb.bmp" align="middle" />
				</p>
			</div>

			<p style="text-align: right; margin-right: 100px;">
				<input
					style="background: url('./images/finalbutton.gif'); height: 51px; width: 204px;"
					type="submit" value="">
			</p>
			<hr />
		</form>
		<hr />


	</div>


	<div style="margin-top: 50px;">
		<img src="./image/footer.jpg" width="100%" height="78" alt="我们的优势"
			title="我们的优势" />
	</div>

	<div style="text-align: center; margin-top: 5px;">
		<ul class="list-inline">
			<li><a>关于我们</a></li>
			<li><a>联系我们</a></li>
			<li><a>招贤纳士</a></li>
			<li><a>法律声明</a></li>
			<li><a>友情链接</a></li>
			<li><a target="_blank">支付方式</a></li>
			<li><a target="_blank">配送方式</a></li>
			<li><a>服务声明</a></li>
			<li><a>广告声明</a></li>
		</ul>
	</div>
	<div style="text-align: center; margin-top: 5px; margin-bottom: 20px;">
		Copyright &copy; 20018-2025 睿峰商城 版权所有</div>

</body>
</html>